﻿.float-right-box.on {
    width: 50px;
}

.float-right-box.on img {
    display: none;
}

.float-right-box {
    width: 200px;
    position: fixed;
    right: 0;
    bottom: 50%;
    margin-bottom: -127px;
    background-color: #6fa9e0;
    z-index: 1000;
    transition: width 0.3s ease 0s;
}

.float-right-box .top-list {
    width: 100%;
}

.float-right-box .top-list ul {
    width: 100%;
    padding-left: 0!important;
    margin-bottom: 0!important;
    margin-left: 0;
}

.float-right-box .top-list li {
    float: left;
    width: 100%;
    position: relative;
    list-style: none;
    border-bottom: 1px solid #3b3b3b;
    transition: background 0.3s ease 0s;
    height: 50px;
}

.float-right-box .top-list a {
    display: block;
    width: 100%;
}

.float-right-box .tohttp: //qn.yuntianshijie.com/images img{
margin-top:50px http: //qn.yuntianshijie.com/images

}
.f-cb {
    http: //qn.yuntianshijie.com/images
    zoom: 1;
    http: //qn.yuntianshijie.com/images
}
.float-right-box .tohttp: //qn.yuntianshijie.com/imagestt {
display: inline-block;
http: //qn.yuntianshijie.com/images
font-size: 14px;
line-height: 50phttp: //qn.yuntianshijie.com/images
color: #fff;
http: //qn.yuntianshijie.com/images
transition: color 0.3s ease 0s;
position: absoluhttp: //qn.yuntianshijie.com/images
left: 28px;
http: //qn.yuntianshijie.com/images
top: 0;
z-index: 1;
http: //qn.yuntianshijie.com/images
width: 222px;
http: //qn.yuntianshijie.com/images

}
.fl {
    http: //qn.yuntianshijie.com/images
    float: left;
    http: //qn.yuntianshijie.com/images
    display: inline;
}
.float-right-box .top-list .ico {
    display: inline-block;
    width: 49px;
    height: 49px;
    position: absolute;
    right: 0;
    top: 0;
    transition: background 0.3s ease 0s;
    z-index: 2;
}
.float-right-box .top-list li:hover {
    background:#fff;
}
.float-right-box .top-list li:hover .stt {
    color:#15191e;
}
.float-right-box .top-list .ico2 {
    background: url(http://qn.yuntianshijie.com/images/qq.png) no-repeat center #6fa9e0;
}
.float-right-box .top-list li:hover .ico2 {
    background: url(http://qn.yuntianshijie.com/images/qq_h.png) no-repeat center #fff;
}
.float-right-box .top-list .ico3 {
    background: url(http://qn.yuntianshijie.com/images/tel.png) no-repeat center #6fa9e0;
}
.float-right-box .top-list li:hover .ico3 {
    background: url(http://qn.yuntianshijie.com/images/tel_h.png) no-repeat center #fff;
}
.float-right-box .top-list .ico6 {
    background: url(http://qn.yuntianshijie.com/images/link.png) no-repeat center #6fa9e0;
}
.float-right-box .top-list li:hover .ico6 {
    background: url(http://qn.yuntianshijie.com/images/link_h.png) no-repeat center #fff;
}
.float-right-box .top-list .ico7 {
    background: url(http://qn.yuntianshijie.com/images/phone.png) no-repeat center #6fa9e0;
}
.float-right-box .top-list li:hover .ico7 {
    background: url(http://qn.yuntianshijie.com/images/phone_h.png) no-repeat center #fff;
}
.float-right-box .top-list .ico5 {
    background: url(http://qn.yuntianshijie.com/images/uparrow.png) no-repeat center #6fa9e0;
}
.float-right-box .top-list li:hover .ico5 {
    background: url(http://qn.yuntianshijie.com/images/uparrow_h.png) no-repeat center #fff;
}
.float-right-box .top-list .ico8 {
    background: url(http://qn.yuntianshijie.com/images/email.png) no-repeat center #6fa9e0;
}
.float-right-box .top-list li:hover .ico8 {
    background: url(http://qn.yuntianshijie.com/images/email_h.png) no-repeat center #fff;
}
.float-right-box .top-list .ico9 {
    background: url(http://qn.yuntianshijie.com/images/weixin.png) no-repeat center #6fa9e0;
}
.float-right-box .top-list li:hover .ico9 {
    background: url(http://qn.yuntianshijie.com/images/weixin_h.png) no-repeat center #fff;
}